<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
	<link rel="stylesheet" href="//at.alicdn.com/t/font_3379001_z2ljlpdfnxa.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		<title></title>
		
	</head>
	<body>
		<h1> 分组多选</h1>
<div id ="testmselect"  style="width: 400px"></div>
<div style="height:20px"></div>
<input /> 
<input /> 
	<h1> 不分组多选</h1>
<div id ="testmselect1" style="width: 400px"></div>

	<h1> 不分组多选</h1>

   <script type="module">

	
	import {mselectExample1,mselectExample2} from './js/data/mselect-data.js'	  
    import mSelect from './js/src/mSelect.js';
	new mSelect({el:"testmselect",data:mselectExample1,cols:3,
	  placeholder:'请选择地区(必选)',
	  mandatory:true,tag:true});	

	new mSelect({el:"testmselect1",data:mselectExample2,placeholder:'请选择地区',rowSize:3});
	
	</script>
	
	
	</body>
</html>
